@charset "utf-8"

+from(1312px)
  .container
    max-width: 1312px !important
    width: auto

+until($tablet)
  .container
    overflow: hidden

$fixed-item-height: 50px

#fixed-box
  width: 45px
  height: $fixed-item-height * 2
  transition: height 0.4s ease
  float: right
  position: fixed
  right: 20px
  bottom: 10%
  z-index: 99

  a
    width: 45px
    height: 45px
    background: #000 url(images/icon.png) no-repeat
    background-origin: content-box
    padding-top: 2px
    display: block
    margin-bottom: 5px
    transition: opacity 0.4s ease
    opacity: 0.5

    &:hover
      opacity: 0.8

    &.home
      padding-top: 3px

    &.comment
      background-position: 0 -50px
      display: none

    &.backTop
      background-position: 0 -100px

  &:not(.is-active)
    height: $fixed-item-height * 1

    a.backTop
      opacity: 0

#fixed-box.article,
#fixed-box.page
  height: $fixed-item-height * 3

  a.comment
    display: block

  &:not(.is-active)
    height: $fixed-item-height * 2

// ---- //
.mz-404
  padding: 2.5rem 7.5rem
  // .level-item
  //   padding: 2.5rem
  img
    max-width: 256px

a.noborder:hover,
.noborder a:hover,
%noborder-hover
  border-bottom-color: transparent

a.a-color, .a-color a
  color: #474747

  &:hover
    color: #000

a.a-ccc, .a-ccc a
  color: inherit
  border-bottom-color: #ccc

  &:hover
    border-bottom-color: #666

a.a-shadow:hover, .a-shadow a:hover
  text-shadow: 0 0 1px
  opacity: 0.8

.c-default
  cursor: default

.c-crosshair
  cursor: crosshair

.c-help
  cursor: help

.c-wait
  cursor: wait

// .backTop
//   outline: none
//   color: #ddd
//   line-height: 1
//   position: fixed
//   bottom: 23px
//   right: 23px
//   background: #333
//   border: 0
//   border-radius: 4px
//   width: 40px
//   height: 40px
//   box-shadow: 0 1px 3px rgba(26, 26, 26, 0.1)
//   opacity: 0.8
//   cursor: pointer
//   z-index: 99
